<template>
	<view class="my-address">
		<view class="top">
		  <input type="text" value="" placeholder="搜索名字/部门"/>
		</view>
		<view class="center">
		 <span class="gs">
			 <text style="margin-left: 15rpx;">全公司</text>
		 </span>
		 <view class="center-list">
			 <view class="center-item" v-for="item in centerList" :key="item.index">
			 	<view class="item-left">
					<icon-svg icon-class="guanxi"/>
			 	</view>
				<view class="item-center">
					<view>
						{{item.title}}
					</view>
					<text style="font-size: 30rpx; color: #ccc;">
						{{item.person}}人
					</text>
				</view>
				<view class="item-right">
					<icon-svg icon-class="xiaji"/>
					<text style="color:#7FC9D1;font-size: 35rpx;">下级</text>
				</view>
			 </view>
		 </view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				centerList:[
					{title:'外部人员',person:'0'},
					{title:'市场部',person:'0'},
					{title:'销售部',person:'0'},
					{title:'COE',person:'0'},
					{title:'二维码',person:'0'},
					{title:'出单组',person:'0'},
					{title:'亮剑组',person:'0'},
					{title:'四海扬名',person:'0'},
					{title:'QR',person:'0'},
					{title:'悟空组',person:'0'},
					{title:'1111',person:'0'},
					{title:'卧龙组',person:'0'},
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my-address{
		background: #fff;
		padding: 10rpx;
		.svg-icon{
			width: 2em;
			height: 2em;
			color: #DEDFDF;
		}
		.top{
			margin: 20rpx 10rpx;
			border-radius: 60rpx;
			padding: 20rpx;
			background-color: #F2F3F5;
		}
		.center{
			.gs{
				color:#A5A7A9;
				background-color:#F1F2F4 ;
				display: block;
				padding: 20rpx 0;
			}
			.center-list{
				.center-item{
					display: flex;
					justify-content: space-between;
					margin: 15rpx 0;
					border-bottom:1px solid #F9FAF9 ;
					.item-left{
						width: 10%;
					}
					.item-center{
						font-size: 18px;
						color: #727676;
						width: 67%;
						
					}
					.item-right{
						.svg-icon{
							width: 1em;
							height: 1em;
							color:#7FC9D1;
						}
						width: 20%;
					}
					
				}
				
			}
		}
	}
</style>
